<script lang="ts">
  import Reveal from "reveal.js";
  import Highlight from "reveal.js/plugin/highlight/highlight";
  import Markdown from "reveal.js/plugin/markdown/markdown";
  import Notes from "reveal.js/plugin/notes/notes";

  import "reveal.js/dist/reveal.css";
  import "reveal.js/dist/theme/black.css";
  import "reveal.js/plugin/highlight/monokai.css";
  import { onMount } from "svelte";
  import Presentation from "./presentation.svelte";

  onMount(() => {
    const deck = new Reveal({
      plugins: [Markdown, Highlight, Notes],
      autoAnimateEasing: "ease",
      autoAnimateDuration: 1,
      hash: true,
    });

    deck.initialize();
  });
</script>

<div class="reveal">
  <div class="slides">
    <slot />
  </div>
</div>
